.cate{
	display: flex;
	.left-view{
		width: 25%;
		height: 100%;
		.left-view-item {
			height: 110rpx;
			box-sizing: border-box;
			@include flex-box(row,center,center);
			font-weight: 400;
			position: relative;
		}
		
		.left-view-item-active {
			font-weight: 600;
			background: #fff;
		
			&::before {
				content: "";
				width: 8rpx;
				position: absolute;
				background: $theme-color;
				left: 0;
				height: 40rpx;
				left: 0;
				top: calc(50% - 20rpx);
				border-radius: 5rpx;
			}
		}
	}
	.right-view{
		width: 75%;
		background: #fff;
		.top-box{
			white-space: nowrap;
			height: 70rpx;
			.top-box-con{
				@include flex-center();
				height: 70rpx;
				.top-box-item{
					margin-right: 20rpx;
					display: inline-block;
					background: $bg-F7F7F7;
					padding: 4rpx 20rpx;
					border-radius: 30rpx;
					&:first-child{
						margin-left: 10rpx;
					}
				}
				.act{
					color: $theme-color;
					background: $color-EDFFEF;
				}
			}
		}
		.goods-row-item {
			display: flex;
			padding:20rpx 20rpx;
			border-radius: 2%;
			position: relative;
			border-bottom: $global-border;
			.goods-img{
				width: 160rpx;
				height: 160rpx;
				border-radius: 10rpx;
			}
			.right{
				flex: 1; 
				@include flex-box(column,space-around);
				margin-left: 20rpx;
				
				.goods-name{
					font-size: 28rpx; 
					font-weight: 500;
				}
				.bot_two_name {
					flex: 1;
					margin-top: 10rpx;
				}
				.right-bot{
					@include flex-center();
					.bot_bot_one {
						color: $theme-F94A36;
						flex: 1;
						.price{
							font-size: 32rpx;
						}
					}
					
					.bot_bot_three {
						color: $color-919191;
					}
				}
				
			}
			.bot_img {
				position: absolute;
				right: 20rpx;
				bottom: 55rpx;
			}
		}
	}
}
// 商品详情s
.goods-detail{
	position: relative;
	.indicator {
		@include flex-box(row,center);
		&__dot {
			height: 6px;
			width: 6px;
			border-radius: 100px;
			background-color: rgba(255, 255, 255, 0.35);
			margin: 0 5px;
			transition: background-color 0.3s;
	
			&--active {
				background: #F2F3F5;
			}
		}
	}
	>view{
		background: #fff;
		border-radius: 20rpx;
		&:not(:first-child){
			margin-top: 20rpx;
		}
	}
	.goods-top{
		padding: 20rpx;
		.goods-price{
			@include flex-box(row,space-between);
			.left{
				color: $theme-F94A36;
				text{
					&.price{
						font-size: 40rpx;
						font-weight: 500;
					}
				}
			}
			.right{
				@include flex-center();
				image{
					width: 50rpx;
				}
				text{
					color: $color-919191;
				}
			}
		}
		.chubeijin{
			padding: 0 20rpx;
			line-height: 50rpx;
			margin-top: 20rpx;
			display: inline-block;
			background: $color-FDBD39;
			color: #fff;
			border-radius: 0 20rpx 0 20rpx;
		}
		.goods-name{
			margin-top: 20rpx;
			font-weight: 500;
			font-size: 34rpx;
		}
		.goods-remark{
			margin-top: 10rpx;
			color: $color-919191;
		}
	}
	.goods-shouyi{
		padding: 20rpx;
		@include flex-box(row,space-around);
		.goods-shouyi-item{
			text-align: center;
			image{
				width: 50rpx;
			}
			.tit{
				font-size: 28rpx;
				margin: 10rpx 0;
			}
			.last{
				font-size: 22rpx;
				color: $color-919191;
			}
		}
	}
	.goods-desc{
		padding: 20rpx;
		.tit{
			font-size: 34rpx;
			font-weight: 500;
		}
		.desc{
			margin-top: 20rpx;
		}
	}
	.goods-store{
		padding: 20rpx;
		@include flex-box();
		.store-img{
			width: 80rpx;
			height: 80rpx;
			border-radius: 50%;
			margin-right: 20rpx;
		}
		.right{
			flex: 1;
			@include flex-box(row,space-between,center);
			.right-left{
				.store-name{
					font-size: 30rpx;
					font-weight: 500;
				}
				.dizhi{
					font-size: 24rpx;
					color: $color-919191;
					margin-top: 10rpx;
				}
			}
			.more-img{
				width: 24rpx;
			}
		}
	}
	.goods-xq{
		padding: 20rpx;
		.tit{
			font-size: 34rpx;
			font-weight: 500;
		}
		.goods-content{
			margin-top: 20rpx;
		}
	}
	
	.goods-bot{
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100rpx;
		box-sizing: border-box;
		background: #fff;
		@include flex-box(row);
		border-radius: 0;
		margin-top: 0!important;
		.left{
			flex: 3;
			@include flex-box(row,null,center);
			.left-item{
				text-align: center;
				flex: 1;
				image{
					width: 50rpx;
				}
				.text{
					font-size: 22rpx;
				}
			}
		}
		.right{
			flex: 2;
			@include flex-box(row,center,center);
			>*{
				margin-right: 30rpx;
			}
			.buy-now{
				background: $theme-color;
				color: #fff;
				padding: 0;
				flex: 1;
				height: 70rpx;
				line-height: 70rpx;
				border-radius: 40rpx;
				font-size: 32rpx;
			}
		}
	}
}
.shangpin{
	.goods-container{
		padding: 0 30rpx;
		background: transparent;
		>view{
			background: #fff;
			border-radius: 20rpx;
			&:not(:first-child){
				margin-top: 20rpx;
			}
		}
		.goods-top{
			.yunfei{
				@include flex-box(row,null,center);
				margin-top: 20rpx;
				image{
					width: 40rpx;
					margin-right: 5rpx;
				}
				text{
					color: $color-919191;
					font-size: 24rpx;
				}
			}
		}
	}
	.shop-goods-xq{
		background: transparent;
		.title{
			@include flex-box(row,center,center);
			height: 60rpx;
			.line{
				width: 90rpx;
				height: 2rpx;
				background:  $color-919191;
			}
			.xq-tit{
				font-size: 30rpx;
				font-weight: 500;
				margin:0 20rpx;
			}
		}
		.goods-content{
			background: #fff;
			padding: 20rpx 0;
			margin-top: 10rpx;
		}
	}
}
// 商品详情e